<template>
	<div>
		<el-row class="chaneel-row">
			<el-col :span="3">
				<div class="grid-content grid-flex">
					<i class="el-icon-s-operation icon-menu"></i>
				</div>
			</el-col>
			<el-col :span="3" :offset="18">
				<div class="grid-content grid-flex">
					<i class="el-icon-s-tools icon-menu"></i>
				</div>
			</el-col>
		</el-row>
		<div class="c-main">
			<h3>发现</h3>
			<div class="profile">
				<div class="item" v-for="(item,index) in list" :key='index'>
					<div>
						<i class="el-icon-camera-solid icon"></i>
						<p>{{item.title}}</p>
					</div>
					
				</div>
			</div>
		</div>
		
		<Nav></Nav>
	</div>
</template>

<script>
import Nav from '../tabnav.vue'
export default {
	name: 'Channel',
	data(){
		return{
			list:[
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'},
				{url:'https://p3-bcy.byteimg.com/img/banciyuan/0b11a9b846c947f69603ae1a0acc3080~tplv-banciyuan-abig.image',title:'动画'}
			]
		}
	},
	components:{
		Nav
	}
}
</script>

<style scoped lang="scss">
	@import 'channel.scss'
</style>
